<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v1/pages/public/taglibs.jsp"%> 
<%@ include file="/api/public/head.jsp"%> 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

</head>
<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: normal 100% Arial, Helvetica, sans-serif; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background:#fff; -moz-user-select: none;-khtml-user-select: none;user-select: none; }
html,body{-webkit-touch-callout: none;}
li,ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }
td{ vertical-align:middle;}
img, object, video { height: auto; max-width:100%; }
img { width: auto; border: 0; -ms-interpolation-mode: bicubic; }
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
a, a:visited { color: #333; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out; }
a:hover, a:focus { color: #333; }
input[type="checkbox"] { display: inline; top:1px; position:relative; margin-right:5px; }

.clear{ clear:both;}
.service{padding:30px 0px 10px; }
.service li{ float:left; width:23%; margin:10px 1%; text-align:center;}
.service_img{ padding:0 15%;}
.service li p{font-size:12px; text-align:center;}
</style>
<script type="text/javascript">

</script>
<body onload="cancelLoadingDialog()">
<div class="content">
	<div class="container service">
    	<ul>
      	    <li><a href="#"><div class="service_img"><img src="images/mobile.png" /></div><p>手机充值</p></a></li>
        	<li><a href="#"><div class="service_img"><img src="images/flight.png" /></div><p>机票</p></a></li> 
            <li><a href="#"><div class="service_img"><img src="images/film.png" /></div><p>电影票</p></a></li>           
            <li><a href="#"><div class="service_img"><img src="images/games.png" /></div><p>游戏充值</p></a></li>            
            <li><a href="#"><div class="service_img"><img src="images/hotel.png" /></div><p>酒店</p></a></li>
            <li><a href="#"><div class="service_img"><img src="images/insure.png" /></div><p>保险</p></a></li>
            <li><a href="#"><div class="service_img"><img src="images/rentcar.png" /></div><p>租车</p></a></li>
        	<li><a href="#"><div class="service_img"><img src="images/violation.png" /></div><p>违章缴费</p></a></li>
            
            
        </ul>
        <div class="clear"></div>
    </div>
</div>
</body>
</html>
